﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage1.master" AutoEventWireup="true"
    CodeFile="cinema_detail.aspx.cs" Inherits="cinema_detail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/movie_cinema.css" type="text/css" />
    <link rel="stylesheet" href="css/jquery.rating.css" type="text/css" />
    <link rel="stylesheet" href="css/jquery-ui-1.8.21.custom.css" type="text/css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.21.custom.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="gmap3.min.js"></script>
    <script type="text/javascript" src="map.js"></script>
    <script type="text/javascript" src="jquery.rating.js"></script>
    <script type="text/javascript">
        $(function () {
            // Tabs
            $('#tabs').tabs();

            //地图插件		
            map("湖北武汉洪山礼堂", 15);
        });




    </script>
    <style type="text/css">
        #like p
        {
            height: 25px;
            background: url(images/like.png) no-repeat;
            background-postion: 0 0;
            background-size: 25px 50px;
        }
        
        #like p:hover
        {
            background-position: 0 -25px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <!--影院标题栏部分-->
    <div id="clogo">
        <img src="images/影院标题栏.png" /></div>
    <!--影院主体部分-->
    <div id="cinema">
        <ul class="cinema">
            <li>
                <p>
                    <asp:Image ID="imgCinema" runat="server" /></p>
            </li>
            <li>
                <p>
                    电影院:<asp:Label ID="lblName" runat="server" ></asp:Label></p>
                <p>
                    地址:<asp:Label ID="lblAddress" runat="server" ></asp:Label></p>
                <p>
                    联系方式:<asp:Label ID="lblTel" runat="server" ></asp:Label></p>
                <form>
                <input name="stars" type="radio" class="star" />
                <input name="stars" type="radio" class="star" />
                <input name="stars" type="radio" class="star" id="check" />
                <input name="stars" type="radio" class="star" />
                <input name="stars" type="radio" class="star" />
                </form>
            </li>
            <li>
                <div id="map">
                </div>
            </li>
        </ul>
    </div>
    <!--Tabs部分-->
    <div id="tabs">
        <!--Tabs分页题头-->
        <ul>
            <li><a href="#tabs-1">电影</a></li>
            <li><a href="#tabs-2">评价</a></li>
        </ul>
        <!--Tabs第一分页-->
        <div id="tabs-1">
            <!--Tabs第一分页内各项-->
            <ul class="movies">
                <li>
                    <img src="images/1.jpg" /></li>
                <li>
                    <p>
                        (Name)</p>
                    <p>
                        (Type)</p>
                    <p>
                        (Time Money)</p>
                </li>
                <li>
                    <div style="position: relative; left: 500px; top: 0px;">
                        <p id="save">
                            收藏</p>
                        <div id="like">
                            <p>
                                <a href=""></a>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <hr />
            <ul class="movies">
                <li>
                    <img src="images/1.jpg" /></li>
                <li>
                    <p>
                        (Name)</p>
                    <p>
                        (Type)</p>
                    <p>
                        (Time Money)</p>
                </li>
                <li>
                    <div style="position: relative; left: 500px; top: 0px;">
                        <p id="save">
                            收藏</p>
                        <div id="like">
                            <p>
                                <a href=""></a>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <hr />
            <ul class="movies">
                <li>
                    <img src="images/1.jpg" /></li>
                <li>
                    <p>
                        (Name)</p>
                    <p>
                        (Type)</p>
                    <p>
                        (Time Money)</p>
                </li>
                <li>
                    <div style="position: relative; left: 500px; top: 0px;">
                        <p id="save">
                            收藏</p>
                        <div id="like">
                            <p>
                                <a href=""></a>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <hr />
            <ul class="movies">
                <li>
                    <img src="images/1.jpg" /></li>
                <li>
                    <p>
                        (Name)</p>
                    <p>
                        (Type)</p>
                    <p>
                        (Time Money)</p>
                </li>
                <li>
                    <div style="position: relative; left: 500px; top: 0px;">
                        <p id="save">
                            收藏</p>
                        <div id="like">
                            <p>
                                <a href=""></a>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
            <!--Tabs第一分页内的分页栏-->
            <div id="page_ci_mo">
                <ul>
                    <div id="last_ci_mo">
                        <li><a href="#"></a></li>
                    </div>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <div id="next_ci_mo">
                        <li><a href="#"></a></li>
                    </div>
                </ul>
            </div>
        </div>
        <!--Tabs第一分页完-->
        <!--Tabs第二分页-->
        <div id="tabs-2">
            <!--Tabs第二分页内容-->
            <h6>
                评论：</h6>
            <ul>
                <hr />
                <li>
                    <p>
                        评论一</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
                <hr />
                <li>
                    <p>
                        评论二</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
                <hr />
                <li>
                    <p>
                        评论三</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
                <hr />
                <li>
                    <p>
                        评论四</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
                <hr />
                <li>
                    <p>
                        评论五</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
                <hr />
                <li>
                    <p>
                        评论六</p>
                    <br />
                    <span>(user):????</span> <span>(time):yyyy-mm-dd</span> </li>
            </ul>
            <!--Tabs第二分页的分页栏-->
            <div id="page_ci_co">
                <ul>
                    <div id="last_ci_co">
                        <li><a href="#"></a></li>
                    </div>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <div id="next_ci_co">
                        <li><a href="#"></a></li>
                    </div>
                </ul>
            </div>
        </div>
        <!--Tabs第二分页完-->


        <br/>
        <br/>
        <div>
          <h6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发表评论：</h6>
                <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标题</label>
                <input type="text" />
                <form style="text-align:center;">
                <textarea style="height:200px; width:700px;"></textarea>
                <p>
                <span style="position:relative;left:-285px;">
                <input type="radio" name="comments" />微评&nbsp;&nbsp;
                <input type="radio" name="comments" />长评
                </span>
                <span style="position:relative;left:282px;">
                <input type="submit" value="发表" />
                </span>
                </p>
                </form>

        </div>



</asp:Content>
